/* ----------------------------------------------------------------------------- 
  Global */

* {
	padding: 0;
	margin: 0 auto;
}

body {
  font-size: 76%;
  color: #666;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  behavior: url("../js/hover.htc"); /* IE whatever:hover */
}

.container {
  width: 950px;
}

  h1 {
    font-size: 1.8em;
  }

  h2 {
    font-size: 1.6em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  a {
    color: #006400;
    font-weight: bold;
    text-decoration: none;
  }
  
  a:hover {
    color: #00cc00;
  }

/* ----------------------------------------------------------------------------- 
  Header */

#header {
  width: 100%;
  height: 113px;
  text-align: center;
  margin: 0 0 15px 0;
  background: url("../images/_bg_header.gif");
}

  #header h1 {
    text-indent: -9999px;
    height: 73px;
    background: url("../images/_logo_thislab.gif") no-repeat 20px 20px;
  }
  
  #header ul {
    list-style: none;
    margin: -33px 0 0 250px;
    height: 33px;
  }
  
    #header ul li {
      float: left;
    }
    
    #header ul li#nav_about {
      margin: 8px 0 0 0;
    }
    
      /* tabs */
      #header ul li a {
        display: block;
        color: #fff;
        width: 109px;
        height: 25px;
        margin: 0; /* IE */
        padding: 8px 0 0 0;
        background: url("../images/_nav_tabs.gif");
      }
      
      #header ul li#nav_about a {
        width: 27px;
        height: 21px;
        margin: 0; /* IE */
        padding: 4px 0 0 0;
        background: url("../images/_nav_tabs_small.gif");
      }

      /* tabs rollover */
      #header ul li a:hover,
      #secHome #header ul li#nav_home a,
      #secBlog #header ul li#nav_blog a,
      #secProjects #header ul li#nav_projects a,
      #secPortfolio #header ul li#nav_portfolio a,
      #secDiscussion #header ul li#nav_discussion a,
      #secLinks #header ul li#nav_links a {
        height: 23px;
        padding: 10px 0 0 0;
        background: url("../images/_nav_tabs.gif") 0 -33px;
      }
      
      #header ul li#nav_about a:hover {
        height: 19px;
        padding: 6px 0 0 0;
        background: url("../images/_nav_tabs_small.gif") 0 -25px;
      }

        /* sub nav */
        #header ul li ul {
          position: absolute;
          top: 82px;
          color: #ccc;
          font-size: 1.2em;
        }
        
        #header ul li a:hover ul {
          display: none;
        }

        #secHome #header ul li#nav_home ul {
          display: default;
        }
        
        #header ul li#nav_home ul {
          margin: 0 0 0 -220px;
          display: none;
        }
        
        #header ul li#nav_blog ul {
          margin: 0 0 0 -329px;
          display: none;
        }
        
        #header ul li#nav_projects ul {
          margin: 0 0 0 -438px;
          display: none;
        }
        
        #header ul li#nav_portfolio ul {
          margin: 0 0 0 -547px;
          display: none;
        }
        
        #header ul li#nav_discussion ul {
          margin: 0 0 0 -656px;
          display: none;
        }
        
        #header ul li#nav_links ul {
          margin: 0 0 0 -765px;
          display: none;
        }
        
        #header ul li#nav_about ul {
          margin: 0 0 0 -874px;
          display: none;
        }
        
        /* sub nav rollover */
        #secHome #header ul li#nav_home:hover ul,
        #secBlog #header ul li#nav_blog:hover ul,
        #secProjects #header ul li#nav_projects:hover ul,
        #secPortfolio #header ul li#nav_portfolio:hover ul,
        #secDiscussion #header ul li#nav_discussion:hover ul,
        #secLinks #header ul li#nav_links:hover ul,
        #secAbout #header ul li#nav_about:hover ul {
          display: block;
        }





          #header ul li ul li {
          }

/* ----------------------------------------------------------------------------- 
  Blog */

#content {
  width: 600px;
  float: left;
}

  #content .item {
    margin: 0 0 10px 0;
  }

    #content .item p.date {
      font-size: 0.8em;
      border-bottom: 1px solid #ccc;
      padding: 0 0 2px 0;
      margin: 2px 0 5px 0;
    }
    
    #content .item p.description {
      font-size: 1.1em;
      text-align: justify;
    }
    
    #content .item p.more {
      font-size: 1.2em;
      font-weight: bold;
    }














